<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
<title>登陆 - 用户中心</title>
<%@ include file="/common/include/title.jsp"%>
<link href="${rootPath }/css/bootstrapValidator.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${rootPath }/common/resource/js/bootstrapValidator.js"></script>
	<script type="text/javascript">
		$(function() {
		    $('#form').bootstrapValidator({
		        container: 'tooltip',
		//        trigger: 'blur',
		        feedbackIcons: {
		            valid: 'glyphicon glyphicon-ok',
		            invalid: 'glyphicon glyphicon-remove',
		            validating: 'glyphicon glyphicon-refresh'
		        },
		        fields: {
		        	email: {
		                validators: {
		                    stringLength: {
		                        enabled: true,
		                        min: 4,
		                        message: '邮箱最少输入四个字符'
		                    },
		                    emailAddress: {
		                        message: '邮箱格式不合法'
		                    },
		                    notEmpty: {
		                        message: '邮箱不能为空'
		                    }
		                }
		            },
		            password: {
		                validators: {
		                    stringLength: {
		                        min: 4,
		                        message: '密码最少输入四个字符'
		                    },
		                    notEmpty: {
		                        message: '密码不能为空'
		                    }
		                }
		            },
		            code: {
		                validators: {
		                    stringLength: {
		                        min: 4,
		                        max: 4,
		                        message: '请输入四位验证码'
		                    },
		                    notEmpty: {
		                        message: '密码不能为空'
		                    }
		                }
		            }
		        }
		    });
		});
	</script>
</head>
<body>
	<%@ include file="/common/include/header.jsp"%>
	<div class="container">
		<div class="col-sm-8 col-sm-offset-1">
			<form id="form" class="form-horizontal" method="post"
				action="loginSubmit.htm">
				<input type="hidden" name="returnURL" value="${param.returnURL }">

				<h2 class="col-sm-offset-1 form-signin-heading">登陆</h2>
				<div class="form-group">
					<label for="email" class="col-sm-2 control-label">邮箱</label>
					<div class="col-sm-8">
						<input type="text" id="email" name="email" class="form-control"
							value="${email }" placeholder="邮箱">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword" class="col-sm-2 control-label">密码</label>
					<div class="col-sm-8">
						<input type="password" name="password" id="inputPassword"
							class="form-control" placeholder="密码" />
					</div>
				</div>
				<div class="form-group">
					<label for="email" class="col-sm-2 control-label">验证码</label>
					<div class="col-sm-8">
						<div class="input-group">
							<span class="input-group-addon"> 
								<a href="#" tabindex="-1" onclick="return refreshCode('imgCode');"> 
									<img id="imgCode" src="${rootPath }/randImg.htm" title="点击刷新验证码" width="75" height="20" />
								</a>
							</span> 
							<input type="text" id="code" name="code" class="form-control" placeholder="验证码">
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-8 col-sm-offset-2">
						<div class="input-group">
							<div class="checkbox">
								<label> <input type="checkbox" value="remember-me">
									记住我
								</label>
							</div>
							<span class="input-group-addon"> <a href="forgetPass.html">忘记密码</a>
							</span>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-8 col-sm-offset-2">
						<button class="btn btn-lg btn-primary" type="submit">登陆</button>
						<a href="${rootPath }/regsiter.htm" class="btn btn-lg btn-primary">注册</a>
					</div>
				</div>
			</form>
		</div>
	</div>


	
	<%@ include file="/common/include/footer.jsp"%>
</body>
</html>